import './index.less';

import React from 'react';
import { Link } from 'react-router-dom';

import avatar from '@/assets/img/avatar.jpg';
import DynamicIcon from '@/components/DynamicIcon';

const Header = () => {
  return (
    <div className="header">
      <div className="header-circle"></div>
      <div className="header-title">简历</div>
      <div className="header-profile">
        <Link to="https://github.com/TheWindRest" target="_blank">
          <DynamicIcon name="github" width="24px" height="24px" />
        </Link>
        <Link to="https://gitee.com/WindAndMan" target="_blank">
          <DynamicIcon name="gitee" width="23px" height="24px" />
        </Link>
        <img className="header-avatar" src={avatar} alt="avatar" />
      </div>
    </div>
  );
};
export default Header;
